layui.config({
    version: '1593348928630' //为了更新 js 缓存，可忽略
    });

layui.use(['layer', 'table', 'slider','form'], function(){
    var laydate = layui.laydate //日期
    , $ = layui.$
    , layer = layui.layer //弹层
    , table = layui.table //表格
    , form = layui.form
    , postUrls = jsRoutes.controllers.KanbanController.kboperation();//{url:"/kb/op",method:"POST"}//

    //执行一个 table 实例
    var demotable = table.render({
    elem: '#demotable'
    ,contentType: 'application/json'
    ,headers: {"Csrf-Token": $('[name="csrfToken"]').val()}
    ,where:{op:'list'}
    ,method: postUrls.method
//    , height: 550
    , url: postUrls.url //数据接口
    ,title: '用户表'
    //,page: true //开启分页
    , limit: 100
    ,toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
//    ,totalRow: true //开启合计行
    ,cols: [[ //表头
     {type: 'checkbox', fixed: 'left'}
     ,{field:'id',title:'id',hide:true}
     ,{field: 'shop', title: '渠道名称', width:180,sort: true, fixed: 'left',edit:'String'}
     ,{field: 'person', title: '负责人', width:180, fixed: 'left',edit:'String'}
     ,{field: 'date', title: '月份', width:180,edit:'String'}
     ,{field: 'persent', title: '完成率(%)', width:180, sort: true,edit:'String'}
     , { fixed: 'right', title: '操作', width: 200, align: 'center', toolbar: '#barDemo' }
    ]]
    });

    //监听头工具栏事件
    table.on('toolbar(test)', function(obj){
    var checkStatus = table.checkStatus(obj.config.id)
    ,data = checkStatus.data; //获取选中的数据
    switch(obj.event){
    case 'add':
    layer.msg('添加');
    layer.open({
          type: 1
          , area: ['600px','450px']
          , shade: 0
          , content: $('.barDemoEdit')
          , btn: ['提交', '关闭']
          , yes: function (index, layero) {
            //按钮【按钮一】的回调
            console.log(index)
            var fdata = form.val("barDemoEditForm")
            console.log(fdata)
            var load_index = layer.load(1, { time: 30 * 1000 });
            $.post({
              url: postUrls.url,
              contentType: 'application/json; charset=UTF-8',
              headers: {"Csrf-Token": $('[name="csrfToken"]').val()},
              data: JSON.stringify({ op: "add",data:fdata}),
              //                 dataType: 'text',
              success: function (data) {
                console.log(data);
                layer.close(load_index);
                layer.msg("数据: \n" + data + "\n状态: " + status);
                demotable.reload();
              }
            });
            layer.close(index);
          }
          , btn2: function (index, layero) {
            //按钮【按钮二】的回调
            //return false 开启该代码可禁止点击该按钮关闭
          }
          , cancel: function () {
            //右上角关闭回调
            //return false 开启该代码可禁止点击该按钮关闭
          }

        });
    break;
    case 'update':
    if(data.length === 0){
    layer.msg('请选择一行');
    } else if(data.length > 1){
    layer.msg('只能同时编辑一个');
    } else {
    console.log(checkStatus.data[0])

    }
    break;
    case 'delete':
    if(data.length === 0){
    layer.msg('请选择一行');
    } else {
    layer.msg('删除');
    console.log(data)
    }
    break;
    };
    });

    //监听行工具事件
      table.on('tool(test)', function (obj) { //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
        var data = obj.data //获得当前行数据
          , layEvent = obj.event; //获得 lay-event 对应的值
        if (layEvent === 'del') {
          layer.confirm('真的删除行么', function (index) {
            layer.close(index);
            //向服务端发送删除指令
            console.log(data);
            $.post({
              url: postUrls.url,
              contentType: 'application/json',
              headers: {"Csrf-Token": $('[name="csrfToken"]').val()},
              data: JSON.stringify({ op: "delete", data: data.id }),
              dataType: 'text',
              success: function (data) {
                console.log(data);
                alert("数据: \n" + data + "\n状态: " + status);
                obj.del(); //删除对应行（tr）的DOM结构

              }
            });


          });
        } else if (layEvent === 'edit') {
          layer.msg('编辑操作');
          console.log(data.id);
                $.post({
                  url: postUrls.url,
                  contentType: 'application/json; charset=UTF-8',
                  headers: {"Csrf-Token": $('[name="csrfToken"]').val()},
                  data: JSON.stringify({ op: "update", data: data }),
                  dataType: 'text',
                  success: function (data) {
                    console.log(data);

                    if(data=='1'){
                    layer.msg("修改成功！" );
                     }else{
                       layer.msg("修改失败，请刷新页面！");
                     }
                    demotable.reload();
                  }
                });
        }
      });

    });